<template>
	<view class="chatBox">
		<view class="isContent">
			<button open-type="joinGroup" :data-is-half-page="true" @click="joinClick" class="joinBtn" :group-id="dyDiverInfo.groupId"></button>
			<image style="width: 630rpx;height: 640rpx;position:relative;z-index: 9;" src="https://res.qiguoread.com/staticResources/fellow_townsman/image/uni/toutiao/jinqun/icon_qunBg.png"></image>
		</view>
		<image @click.stop="isBack" class="closeImg" src="https://res.qiguoread.com/staticResources/fellow_townsman/image/uni/toutiao/jinqun/icon_qunClose.png"></image>
	</view>
</template>

<script>
	export default {
		name:"chatTTpopup",
		props:{
			dyDiverInfo:{
				type:[String,Object],
				default:''
			}
		},
		data() {
			return {
			};
		},
		created() {
		},
		methods:{
			joinClick(){
				getApp().globalData.dyDiverInfo7 = '';
				this.$statis({
					action: 'CLICK',
					position: 'DY_DIVERSION_DY_GROUP/DY_HOME_POPUP',
					taskId:this.dyDiverInfo.id
				})
			},
			isBack(){
				this.$emit('isBack');
			}
		}
	}
</script>

<style scoped lang="scss">
	.joinBtn{
		opacity: 0;
		z-index:10;
		position: absolute;
		width: 100%;
		height: 100%;
	}
	.isContent{
		position: relative;
	}
	.isDes{
		text-align: center;
		margin: 100rpx 0;
	}
	.closeImg{
		width: 60rpx;
		height: 60rpx;
		position:absolute;
		z-index:10;
		bottom: -100rpx;
		left: 0;
		right: 0;
		margin: auto;
	}
	.isBtn{
		text-align: center;
		width: 200rpx;
		height: 70rpx;
		color:white;
		border-radius: 70rpx;
		line-height: 70rpx;
		background-color: #ffaa00;
	}
	.chatBox{
		// width: 550rpx;
		// background-color: white;
		display: flex;
		position: relative;
		align-items: center;
		flex-direction: column;
		justify-content: center;
		// border-radius: 33rpx;
		// padding-bottom: 40rpx;
		// padding-top: 41rpx;
	}
</style>
